﻿<UserControl 
        x:Class="DiscoveryLogic.UI.Layouts.Controls.LineGraph"
        xmlns="http://schemas.microsoft.com/client/2007"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:sys="clr-namespace:System;assembly=mscorlib"
    >
    <UserControl.Resources>
        <sys:String x:Key="Res_BalanceLegend">Balance ({0})</sys:String>
    </UserControl.Resources>
  <Canvas x:Name="LineGraphCanvas" Canvas.Left="0" Canvas.Top="0" >   

    <TextBlock Width="190.47" Height="26.524" TextWrapping="Wrap" FontSize="12" FontWeight="Bold" Foreground="#FF1D62AF" Canvas.Left="-195" Canvas.Top="-5">
      <Run Text="You are saving:" FontFamily="Trebuchet MS" FontSize="21" Foreground="#FF1D62AF"/>
    </TextBlock>

    <TextBlock x:Name="SavingsAmount" Text="^0" Width="182.47" Height="55" TextWrapping="Wrap" FontSize="32" FontWeight="Bold" Foreground="#FF458A67" Canvas.Left="-185" Canvas.Top="25" FontFamily="Trebuchet MS" />
    
    <Canvas x:Name="GraphLineCanvas"></Canvas>
        
    <Path x:Name="Axis" Stretch="Fill" Stroke="#FF000000" StrokeEndLineCap="Round" StrokeStartLineCap="Round" Data="M330,144.873 L330,275.873 566,275.873" Width="500" Height="126" Canvas.Left="46.011"/>
    
    <TextBlock Height="22" TextWrapping="Wrap" Text="Mortgage Timeline" Width="127" Canvas.Left="46.011" Canvas.Top="155.5" FontFamily="Trebuchet MS"/>
    
    <!-- 'Today' label -->
    <!--<TextBlock Width="37.989" Height="14.333" FontSize="8" Foreground="#FF146481" Text="Today" TextWrapping="Wrap" Canvas.Left="177.678" Canvas.Top="24.627" FontFamily="Trebuchet MS"/>-->
    <!--<Path  Stretch="Fill" Stroke="#FF146481" StrokeEndLineCap="Flat" StrokeStartLineCap="Flat" StrokeThickness="1" Width="1" Data="M592.5,256.873 L592.5,241.373" Height="8" Canvas.Left="188.011" Canvas.Top="37.627"/>-->
    
    <!--TextBlock Height="23.873" FontSize="8" Text="June 2001" TextWrapping="Wrap" Width="23.322" Canvas.Left="34.344" Canvas.Top="131.627" FontFamily="Trebuchet MS"/-->
    <!--TextBlock Height="23.873" FontSize="8" Text="June 2006" TextWrapping="Wrap" Width="23.322" Canvas.Left="135.024" Canvas.Top="131.627" FontFamily="Trebuchet MS"/-->
    <!--TextBlock Height="23.873" FontSize="8" Text="June 2011" TextWrapping="Wrap" Width="19.323" Canvas.Left="234.353" Canvas.Top="131.627" FontFamily="Trebuchet MS"/-->
    <!--TextBlock Height="23.873" FontSize="8" Text="June 2016" TextWrapping="Wrap" Width="20.655" Canvas.Left="333.693" Canvas.Top="131.627" FontFamily="Trebuchet MS"/-->
    <!--TextBlock Height="23.873" FontSize="8" Text="June 2021" TextWrapping="Wrap" Width="24.655" Canvas.Left="421.031" Canvas.Top="131.627" FontFamily="Trebuchet MS"/-->
   
    <Path x:Name="StartNotch"  Stretch="Fill" Stroke="#FF146481" StrokeEndLineCap="Flat" StrokeStartLineCap="Flat" StrokeThickness="1" Width="1" Height="25.666" Data="M592.5,256.873 L592.5,241.373" Canvas.Left="391.001" Canvas.Top="100.334"/>
    
    
    <TextBlock x:Name="BalanceLegend" RenderTransformOrigin="0.5,0.5" Width="54" Height="19.608" FontSize="10" Text="Balance (^)" TextWrapping="Wrap" Canvas.Top="29.892" FontFamily="Trebuchet MS">
      <TextBlock.RenderTransform>
        <TransformGroup>
          <ScaleTransform ScaleX="1" ScaleY="1"/>
          <SkewTransform AngleX="0" AngleY="0"/>
          <RotateTransform Angle="-90"/>
          <TranslateTransform X="0" Y="0"/>
        </TransformGroup>
      </TextBlock.RenderTransform>
    </TextBlock>
    

    <Canvas x:Name="SliderCanvas" Width="14.336" Canvas.Top="118.664" Canvas.Left="0"
          MouseLeftButtonDown="CanvasMouseLeftButtonDown"
          MouseLeftButtonUp="CanvasMouseLeftButtonUp"
          MouseMove="CanvasMouseMove"
          MouseEnter="CanvasMouseEnter"
          MouseLeave="CanvasMouseLeave" RenderTransformOrigin="0.5,0.5" Height="16">
    	<Canvas.RenderTransform>
    		<TransformGroup>
    			<ScaleTransform ScaleX="1" ScaleY="1"/>
    			<SkewTransform AngleX="0" AngleY="0"/>
    			<RotateTransform Angle="0"/>
    			<TranslateTransform X="0" Y="0"/>
    		</TransformGroup>
    	</Canvas.RenderTransform>
      <Ellipse x:Name="SliderThumb" StrokeEndLineCap="Flat" StrokeStartLineCap="Flat" StrokeThickness="1" Height="14.336" Width="14.336" Canvas.ZIndex="99" >
        <Ellipse.Fill>
          <RadialGradientBrush GradientOrigin="0.354,0.399">
            <RadialGradientBrush.RelativeTransform>
              <TransformGroup>
                <ScaleTransform CenterX="0.5" CenterY="0.5" ScaleX="1.118" ScaleY="1.118"/>
                <SkewTransform AngleX="0" AngleY="0" CenterX="0.5" CenterY="0.5"/>
                <RotateTransform Angle="0" CenterX="0.5" CenterY="0.5"/>
                <TranslateTransform X="-0.016" Y="-0.029"/>
              </TransformGroup>
            </RadialGradientBrush.RelativeTransform>
            <GradientStop Color="#FFFFFFFF" Offset="0"/>
            <GradientStop Color="#FF146581" Offset="0.827"/>
            <GradientStop Color="#FF8CB4C1" Offset="0.197"/>
            <GradientStop Color="#FF6EA0B1" Offset="1"/>
            <GradientStop Color="#FF1D6B86" Offset="0.567"/>
          </RadialGradientBrush>
        </Ellipse.Fill>
      </Ellipse>
      <Path  Stretch="Fill" Stroke="#FF146481" StrokeEndLineCap="Flat" StrokeStartLineCap="Flat" StrokeThickness="1" Width="1" Height="17.5" Data="M592.5,256.873 L592.5,241.373" Canvas.Left="7" Canvas.Top="-10" />
      <TextBlock x:Name="Complete" Width="60.5" FontSize="8" Foreground="#FF146481" TextWrapping="Wrap" Height="23.333" FontFamily="Trebuchet MS" Canvas.Left="-12" Canvas.Top="-40">
      <Run >Complete</Run>
      <LineBreak/>
      <Run x:Name="CompletedDate" >April 2019</Run>
      </TextBlock>
    </Canvas>
  </Canvas>
  
</UserControl>